<template>
	<div>
		<div ref="active" :class="data.active?'no-active active':'no-active'" v-if="data.changeStatus">
			<div class="compon-title">{{data.title}}</div>
			<van-cell-group>
			  <van-field label="姓名" placeholder="请输入身份证件姓名" disabled />
			  <van-field label="身份证" placeholder="请输入身份证号" disabled />
			</van-cell-group>
		</div>
		<div ref="active" :class="data.active?'no-active active':'no-active'" v-else>
			<div class="compon-title" style="background: #bdbdbd;">{{data.title}}</div>
		</div>
	</div>
</template>

<script>
	export default{
		props:{
			data: {
				type: Object,
				default () {
					return {}
				}
				
			}
		}
		
	}
</script>

<style>
	/* .no-active{margin-bottom: 20px;}
	.active{outline: 1px dashed #40fdff;} */
</style>
